<div class="el-travel-groupAppoint">
	<div class="J-subnav"></div>
	<div class="J-grid"></div>
	<div class="J-form hidden"></div>
	<div class="J-detail hidden" style="padding:15px">
		<div class="box">
        	<div class="box-header roomType-header">
        		<div class="btnGroup">
        			<button class="J-status onClick clear">净房<br>(<span id="clear-num">0</span>)</button> 
		            <button class="J-status dirty">脏房<br>(<span id="dirty-num">0</span>)</button>
		            <button class="J-status checkin">在住房<br>(<span id="checkin-num">0</span>)</button>
		            <button class="J-status willgo">将走房<br>(<span id="willgo-num">0</span>)</button>
		            <button class="J-status appoint">预定<br>(<span id="appoint-num">0</span>)</button> 
		            <button class="J-status repairing">维修房<br>(<span id="repairing-num">0</span>)</button>
		            <button class="J-status temporary">临时态<br>(<span id="temporary-num">0</span>)</button>
		            <button class="J-status selfuse">自用房<br>(<span id="selfuse-num">0</span>)</button>
		            <button class="J-status free">免费房<br>(<span id="free-num">0</span>)</button>
        		</div>          
            </div>
            <div class="box-content J-content">
	            <div class="row">
	                <div class="col-md-12 col-xs-12">
	                	{{#each this.datas}}
	                		{{#if this.isSelected}}
	                			<div data-key="{{this.pkRoom}}" class="J-roomBox roomBox notSelected {{this.typeName}} hidden">
			                    	<h1>{{this.code}}</h1>
			                    	<p></p>
			                    	<img src="./assets/eling/elcms/travel/groupAppoint/src/assets/img/check.png" alt=""/>
			                    </div>
	                		{{else}}
	                		
	                		{{#if this.isClear}}
	                			<!-- 净房 -->
			                    <div data-key="{{this.pkRoom}}" data-isAppoint="{{this.isAppoint}}" class="{{#if this.isShow}}J-roomBox{{/if}} roomBox notSelected clear hidden">
			                    	<h1>{{this.code}}</h1>
			                    	<p></p>
			                    	{{#if this.isShow}}
			                    		<img src="./assets/eling/elcms/travel/groupAppoint/src/assets/img/notselected.png" alt=""/>
			                    	{{/if}}
			                    </div>
	                		{{/if}}
	                		{{#if this.isDirty}}
	                			<!-- 脏房 -->
			                    <div data-key="{{this.pkRoom}}" data-isAppoint="{{this.isAppoint}}" class="{{#if this.isShow}}J-roomBox{{/if}} roomBox notSelected dirty hidden">
			                    	<h1>{{this.code}}</h1>
			                    	<p></p>
			                    	{{#if this.isShow}}
			                    		<img src="./assets/eling/elcms/travel/groupAppoint/src/assets/img/notselected.png" alt=""/>
			                    	{{/if}}
			                    </div>
	                		{{/if}}
	                		{{#if this.isCheckIn}}
	                			<!-- 在住房 -->
			                    <div data-key="{{this.pkRoom}}" data-isAppoint="{{this.isAppoint}}" class="{{#if this.isShow}}J-roomBox{{/if}} roomBox notSelected checkin hidden">
			                    	<h1>{{this.code}}</h1>
			                    	{{#if this.checkOutDate}}
			                    	    <p>{{this.checkOutDate}}退房</p>
			                    	{{/if}}
			                    	{{#if this.isShow}}
			                    		<img src="./assets/eling/elcms/travel/groupAppoint/src/assets/img/notselected.png" alt=""/>
			                    	{{/if}}
			                    </div>
	                		{{/if}}
	                		{{#if this.isWillGo}}
	                			<!-- 将走房 -->
			                    <div data-key="{{this.pkRoom}}" data-isAppoint="{{this.isAppoint}}" class="{{#if this.isShow}}J-roomBox{{/if}} roomBox notSelected willgo hidden">
			                    	<h1>{{this.code}}</h1>
			                    	<p></p>
			                    	{{#if this.isShow}}
			                    		<img src="./assets/eling/elcms/travel/groupAppoint/src/assets/img/notselected.png" alt=""/>
			                    	{{/if}}
			                    </div>
	                		{{/if}}
	                		{{#if this.isAppoint}}
	                			<!-- 预定 -->
			                    <div class="roomBox reserve appoint hidden">
			                    	<h1>{{this.code}}</h1>
			                    	<p></p>
			                    </div>
	                		{{/if}}
	                		{{#if this.isRepairing}}
	                			<!-- 维修房 -->
			                    <div data-key="{{this.pkRoom}}"  data-isAppoint="{{this.isAppoint}}" class="{{#if this.isShow}}J-roomBox{{/if}} roomBox notSelected repairing hidden">
			                    	<h1>{{this.code}}</h1>
			                    	<p></p>
			                    	{{#if this.isShow}}
			                    		<img src="./assets/eling/elcms/travel/groupAppoint/src/assets/img/notselected.png" alt=""/>
			                    	{{/if}}
			                    </div>
	                		{{/if}}
	                		{{#if this.isTemporary}}
	                			<!-- 临时态 -->
			                    <div class="roomBox reserve temporary hidden">
			                    	<h1>{{this.code}}</h1>
			                    	<p></p>
			                    </div>
	                		{{/if}}
	                		{{#if this.isSelfUse}}
	                			<!-- 自用房 -->
			                    <div class="roomBox reserve selfuse hidden">
			                    	<h1>{{this.code}}</h1>
			                    	<p></p>
			                    </div>
	                		{{/if}}
	                		{{#if this.isFree}}
	                			<!-- 免费房 -->
			                    <div class="roomBox reserve free hidden">
			                    	<h1>{{this.code}}</h1>
			                    	<p></p>
			                    </div>
	                		{{/if}}
	                	{{/if}}
	                	{{/each}}
	                </div>                
	            </div>
        	</div>
		</div>
		<div class="box">
	        <div class="box-header roomType-header" style="height:auto">
       		  	<div class="chooseTitle J-selectedData">
        		  	{{#each this.selectedDatas}}
        		  		<div>
        		  			<div style="display: inline-block;vertical-align: top;width: 20%;">
        		  				已选择{{this.text}}
		        		  		<span>{{this.length}}</span>
		        		  		间：
        		  			</div>
        		  			<div style="display: inline-block;vertical-align: top;width: 75%;">
        		  				{{#each this.buildings}}
        		  					<div>
        		  						<div class="text-primary" style="width: 10%;display: inline-block;vertical-align: top;">{{this.text}}</div>
			       		  				<div style="width: 85%;display: inline-block;vertical-align: top;">
			       		  					{{#each this.rooms}}
			       		  						<b>{{this.code}}，</b>
			       		  					{{/each}}
			       		  				</div>
        		  					</div>
		        		  		{{/each}}
        		  			</div>
        		  		</div>
        		  	{{/each}}
       		  	</div>      
            </div>
            <div class="box-content">
	            <div class="row">
	                <div class="col-md-12 col-xs-12">
	                    <div class="formBtn">
	                    	<button class="J-confirmToCard">确定</button>
		            		<button class="J-returnToCard">取消</button>
	                    </div>
	                </div>                
	            </div>
        	</div>	
	    </div>
	</div>
</div>